/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
ol, ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
/* start editing from here */
a
{
    text-decoration: none;
}
.txt-rt
{
    text-align: right;
}
/* text align right */
.txt-lt
{
    text-align: left;
}
/* text align left */
.txt-center
{
    text-align: center;
}
/* text align center */
.float-rt
{
    float: right;
}
/* float right */
.float-lt
{
    float: left;
}
/* float left */
.clear
{
    clear: both;
}
/* clear float */
.pos-relative
{
    position: relative;
}
/* Position Relative */
.pos-absolute
{
    position: absolute;
}
/* Position Absolute */
.vertical-base
{
    vertical-align: baseline;
}
/* vertical align baseline */
.vertical-top
{
    vertical-align: top;
}
/* vertical align top */
.underline
{
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}
/* Add 5px bottom padding and a underline */
nav.vertical ul li
{
    display: block;
}
/* vertical menu */
nav.horizontal ul li
{
    display: inline-block;
}
/* horizontal menu */
img
{
    max-width: 100%;
}
/*end reset*/
@font-face
{
    font-family: 'Titillium Web';
    src: url(../fonts/tt0290m_.ttf) format('truetype');
}
body
{
    background-color: #72869C;
}

/*--header--*/
.header
{
   
    text-align: center;
    width: 100%;
    height: auto;
    min-height: 126px;
    z-index: 900;
    position: fixed;
}


.logo
{
    height: auto;
    width: auto;
    z-index: 901;
    margin: 0 17%;
}

.colorHeader
{
   background-color: #2D3E50;
}
.color1
{
    background-color: #72869C;
}
.color2
{
    background-color: #43586E;
}
.color3
{
    background-color: #25384D;
}
.color4
{
     background-color: #172D45;
}
.color5
{
    background-color: #172738;
}
.color6
{
    background-color: #0D1E30;
}
.colorFooter
{
    background-color: #2D3E50;
}

/*--menu--*/
.cssmenu
{
    position: absolute;
    width: 100%;
    bottom: 0px;
    z-index: 902;
}
.cssmenu > ul > li
{
    position: relative;
    height: auto;
    min-height: 35px;
    max-height:35px;
    display: inline-block;
}

.cssmenu > ul > li > a
{
    text-transform: uppercase;
    font: bold 10px/30px Titillium Web, sans-serif;
    color: #FFF;
    display: inline-block;
    padding: 0px 40px 0px;
    letter-spacing: 0px;
    text-decoration: none;
}


.imgMenu
{
    position: absolute;
    left: 0px;
}
.marginLink
{
    margin-left: 10px;
  
}


.wrapper
{
    width: auto;
    margin: auto;
   
    position: relative;
    max-width: 1920px;
    padding: 0 0 0 0;
}


.slide
{
    background-attachment: fixed;
    position: relative;
    overflow-x: hidden;
    overflow: hidden;
    
}


.Slide1
{
    
    width: 100%;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    display: inline-block;
}
.Slide2
{
   
    text-align: justify;
}
.Slide3
{
    
}
.Slide4
{

    
}
.Slide5
{
   
}
.Slide6
{
   
   
}
.sliderBorder
{
    border-style: solid;
    border-color:transparent;
    border-width: 10px;
}
.sliderBorder2
{
    border-style: solid;
    border-color: #2D3E50;
    border-width: 20px;
}
.sliderBorder3
{
    border-style: solid;
    border-color: #25384D;
    border-width: 20px;
}
.sliderInicio   
{
    position:relative;
	width:70%;
	margin:0 auto;
  }

/*--content--*/
.SlideTitle
{
    text-align: center;
    color: #FFF;
    font-size: 2em;
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.Slide2Body
{
    width: 80%;
    height: auto;
    text-align: justify;
    color: #FFF;
    font-size: 1em;
    font-family: 'Titillium Web', sans-serif;
    
}
.Slide2Body > h1
{
    font-weight: bold;
    font-size: 3,01em;
    color: #1BBC9B;
    display: inline;
}




/*  Slide4 COMPRAR   ============================================================================= */

.center
{
    width:70%;

}


.col_1_of_4{
	display: block;
	float: left;
	margin: 1% 1% 1% 1%;
	
}
.col_1_of_4:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_1_of_4 {
	width: 18%;
}
.span_1_of_4 img{
	display:block;
}
.span_1_of_4  h3 a{
	color:#fff;
	text-transform: uppercase;
	font-size:1.3em;
	line-height: 1.2;
	font-family: 'Titillium Web', sans-serif;
	font-weight : normal;
	margin-top: 0px;
	letter-spacing: -1px;
}
.span_1_of_4  h3 a:hover{
	color:#E4E24F;
}

.list-box .numb {
	font-family: 'Titillium Web', sans-serif;
	font-size:2em;
	color: #1BBC9B;
	display: block;
}

.list-box h4 {
	font-family: 'Titillium Web', sans-serif;
	font-size:1em;
	color: #1BBC9B;
	display: block;
	text-transform: uppercase;
}

p.txt1{
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #FFFFFF;
	margin-bottom: 5%;
}
p.txt2{
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #999;
}


/*--Slide 5 Contact--*/

.col
{
  
	display:block;
	float: left;
	margin: 1% 1% 1% 1%;
	 width: 40%;
	
}
.col:first-child{

}	

.col_1_of_2  h3,
.col_2_of_2  h3 {
	color: #FFFFFF;
	font-size: 1em;
	margin-bottom: 20px;
	font-family: 'Titillium Web', sans-serif;
}
.contact-form{
	position:relative;

}
.contact-form div{

}
.contact-form span{
	display:block;
	font-size:0.8125em;
	color: #FFF;
	padding-bottom:5px;
}
.contact-form input[type="text"],.contact-form textarea{

	display:block;
	width:70%;
	background:#fcfcfc;
	border: none;
	outline:none;
	color:#464646;
	font-size:0.8125em;
	    
	box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-appearance:none;
}
.contact-form textarea{
	resize:none;
		
}


/*--footer--*/
.footer
{
    text-align: center;
    width: 100%;
    height: 45px;
    padding: 0 0 0 0;
    position: fixed;
    bottom: 0;
    display: inline-block;
    z-index: 900;
}

.footer hr
{
    width: 80%;
    display: block;
    height: 0px;
    border: 0;
    border-top: 1px solid black;
    margin: 2 auto auto auto;
}


.footer p
{
    font-family: 'Titillium Web';
    text-transform: uppercase;
    font-size: 1 em;
    line-height: 1em;
    color: #1BBC9B;
}

.footer p a
{
    font-family: 'Titillium Web';
    text-transform: uppercase;
    font-size: 2 em;
    line-height: 1em;
    color: #1BBC9B;
    text-decoration: none;
}
.footer p a:hover
{
    color: #FFF;
}

.follow_icon
{
    list-style: none;
    padding: 2% 0;
    position: fixed;
    bottom: 75px;
    left: 25px;
    z-index: 1000;
}
ul.follow_icon li
{
    margin-left: 15px;
}
.imgRotate:hover
{
  
    -webkit-animation:spin 0.5s linear ;
    -moz-animation:spin 0.5s linear ;
    animation:spin 0.5s linear ;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.copy p
{
    color: #fff;
    font-size: 0.75em;
}
.copy p a
{
    color: #E4E24F;
}


/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrapper{
		width:95%;
	}	
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
 @media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrapper{
		width:95%;
	}
	.col_1_of_5{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_5 {
		width:94%;
		padding:3%;  
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
	.wrapper{
		width:95%;
	}
	.col_1_of_5{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_5 {
		width:92%;
		padding:4%;
	}
}
.grid_img{
	text-align:center;
	margin-bottom: 4%;
}
.content-top{
	margin-bottom:5%;
}


/*--responsive design--*/
@media (max-width:1366px){
	.wrapper{
		width:90%;
	}	
	.right-text {
		width: 79%;
	}
}
@media (max-width:1280px){
	.wrapper{
		width:90%;
	}	
	.right-text {
		width:78%;
	}
	.footer
    {
        height: 60px;
    }
}
@media (max-width:1024px){
	.wrapper{
		width:90%;
	}	
	.right-text {
		width:73%;
	}
	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.header-text .phone {
		background: url(../images/phone.png) left 7px no-repeat;
	}
	.cssmenu > ul > li > a {
	 font: bold 10px/30px Titillium Web, sans-serif;
		padding: 4px 20px;
	
	}
}
@media (max-width:800px){
	.wrapper{
		width:90%;
	}	
	.right-text {
		width:65%;
	}
	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.logo h1 a {
		font-size: 5em;
	}
	.header-text {
		margin: -88px 0px;
	}
	
	.top-box h2 {
		font-size: 2.5em;
	}
	hr {
		width: 350px;
	}
	.span_1_of_5 h3 {
		font-size: 13px;
	}
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.btn.btn-primary {
		font-size: 0.8125em;
	}
	.span_1_of_about1 h3 {
		font-size: 1.7em;
	}
	.list-box .numb {
		font-size: 3em;
	}
	h4 {
		font-size: 1.2em;
	}
	.footer-text h2 {
		font-size: 2.5em;
	}
}
@media (max-width:768px){
	.wrapper{
		width:90%;
	}
	.right-text {
		width: 64%;
	}	
	
    .footer
    {

        width: 100%;
        height: 70px;
        position:static;
        bottom:0px;
    }
    
}
@media (max-width:640px){
	.wrapper{
		width:90%;
	}	
	.right-text {
		width:65%;
	}
	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.logo h1 a {
		font-size:4em;
	}
	.header-text {
		margin:-79px -20px;
	}
	
	.imgMenu
	{
	 display:none;    
	    
	}
	
	.cssmenu > ul > li > a {
		 font: bold 10px/30px Titillium Web, sans-serif;
		padding: 4px 15px;
	}
	.top-box h2 {
		font-size: 2.5em;
	}
	hr {
		width: 350px;
	}
	.span_1_of_5 h3 {
		font-size: 13px;
	}
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.btn.btn-primary {
		font-size: 0.8125em;
	}
	.span_1_of_about1 h3 {
		font-size: 1.7em;
	}
	.list-box .numb {
		font-size: 3em;
	}
	h4 {
		font-size: 1.2em;
	}
	.footer-text h2 {
		font-size: 2.5em;
	}
	.header {

	}
	.header-text .phone {
		background: url(../images/phone.png) left 9px no-repeat;
	}
	.span_1_of_about {
		width: 100%;
	}
	.span_1_of_about1 {
		width: 100%;
	}
	.about-topgrid1 {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	.about-histore {
		float: none;
		width: 100%;
	}
	.about-services {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.span_1_of_about h3 {
		font-size: 1.7em;
	}
	.about-topgrid1 h3 {
		font-size: 1.7em;
	}
	.about-histore h3 {
		font-size: 1.7em;
	}
	.about-services h3 {
		font-size: 1.7em;
	}
}


@media (max-width:600px){

	.header 
	{
	    position:absolute;
	    top:0px;
	    height:210px;
		
	}
	.cssmenu > ul > li {
		display: block;
	}
	.cssmenu {
		padding: 2px 0;
	}
	
	.sliderInicio
	{
	   width:100%;
	 }
	 
	 
    .footer
    {

      
        height: 100px;

    }
	
	}

@media (max-width:480px){
	.wrapper{
		width:90%;
	}	
	.right-text {
		width:65%;
	}
	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.logo h1 a {
		font-size:4em;
	}
	.header-text {
		margin: 0;
		float: none;
		text-align: center;
	}
	.cssmenu > ul > li > a {
		 font: bold 10px/30px Titillium Web, sans-serif;
		padding: 4px 10px;
	
	}
	.top-box h2 {
		font-size:2em;
	}
	hr {
		width: 350px;
	}
	.span_1_of_5 h3 {
		font-size: 13px;
	}
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.btn.btn-primary {
		font-size: 0.8125em;
	}
	.span_1_of_about1 h3 {
		font-size: 1.7em;
	}
	.list-box .numb {
		font-size: 3em;
	}
	h4 {
		font-size: 1.2em;
	}
	.footer-text h2 {
		font-size: 2em;
	}
	
	.padd {
		padding: 0 20px;
	}
	.header-text .phone {
		background: url(../images/phone.png) left 9px no-repeat;
	}
	.span_1_of_about {
		width: 100%;
	}
	.span_1_of_about1 {
		width: 100%;
	}
	.about-topgrid1 {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	.about-histore {
		float: none;
		width: 100%;
	}
	.about-services {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.span_1_of_about h3 {
		font-size: 1.7em;
	}
	.about-topgrid1 h3 {
		font-size: 1.7em;
	}
	.about-histore h3 {
		font-size: 1.7em;
	}
	.about-services h3 {
		font-size: 1.7em;
	}
	.col_2_of_2 h3, .col_1_of_2 h3 {
		font-size: 1.7em;l
	}
}
@media (max-width:320px){
	.wrapper{
		width:90%;
	}	
	.right-text {
		width:65%;
	}
	.about-desc {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.logo h1 a {
		font-size:4em;
	}
	.header-text {
		margin: 0;
		float: none;
		text-align: center;
	}
	.cssmenu > ul > li > a {
		 font: bold 10px/30px Titillium Web, sans-serif;
		padding: 0px 0px;
	
	}
	.top-box h2 {
		font-size:2em;
	}
	hr {
		width:230px;
	}
	.span_1_of_5 h3 {
		font-size: 13px;
	}
	.span_1_of_4 h3 a {
		font-size: 1.2em;
	}
	.btn.btn-primary {
		font-size: 0.8125em;
	}
	.span_1_of_about1 h3 {
		font-size: 1.7em;
	}
	.list-box .numb {
		font-size: 3em;
	}
	h4 {
		font-size: 1.2em;
	}
	.footer-text h2 {
		font-size: 2em;
	}
	
	.padd {
		padding: 0 20px;
	}
	.header-text .phone {
		background: url(../images/phone.png) left 9px no-repeat;
	}
	.span_1_of_about {
		width: 100%;
	}
	.span_1_of_about1 {
		width: 100%;
	}
	.about-topgrid1 {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	.about-histore {
		float: none;
		width: 100%;
	}
	.about-services {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.span_1_of_about h3 {
		font-size: 1.7em;
	}
	.about-topgrid1 h3 {
		font-size: 1.7em;
	}
	.about-histore h3 {
		font-size: 1.7em;
	}
	.about-services h3 {
		font-size: 1.7em;
	}
	.col_2_of_2 h3, .col_1_of_2 h3 {
		font-size: 1.7em;
	}
	.top-box p {
		width: 90%;
	}

	.follow_icon li a img {
		width: 60%;
	}
	ul.follow_icon li {
		margin-left: -3px;
	}
}